<!DOCTYPE html>
<html lang="en" ng-app='myApp'>
<head>
    <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width,initial-scale=1.0,user-scalable=no'>
    <title>5客蛋糕官网丨这一刻，只因分享</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./components/swiper/dist/css/swiper.css">
    <script src="js/flexible.js"></script>
    <script>
        var s_width = document.querySelector("html").offsetWidth;
        document.querySelector("html").style.fontSize = (s_width / 750) * 100 + 'px';

    </script>
    <script src="./components/jquery/dist/jquery.js"></script>
</head>
<body>
<link rel="stylesheet" href="css/myOrder.css">
<div class="my-order" id="main">
    <div>
        <div class="ordernavbox swiper-container">
            <div class="ordernav swiper-wrapper">
                <a href="javascript:;" class="active swiper-slide">全部</a>
                <a href="javascript:;" class="swiper-slide">待付款</a>
                <a href="javascript:;" class="swiper-slide">待收货</a>
                <a href="javascript:;" class="swiper-slide">待评价</a>
            </div>
        </div>
    </div>
    <div class="orderbox">
        <div class="content">
            <div class="box normal" data-orderid="4307fe36-cca6-40ee-a1aa-2f42d2204fe8">
                <div class="top">
                    <div class="shop fl">2017-08-28 04:47:45</div>
                    <div class="st fr">待发货</div>
                </div>
                <div class="pro-style clearfix">
                    <div class="img fl" style="background-image: url(images/goodslist/1.jpg);"></div>
                    <div class="info fl">
                        <div class="clearfix">
                            <div class="name fl">焦糖柚巧</div>
                            <div class="price fr">¥ <span>188.00</span>
                            </div>


                            <div class=" clearfix zhongl">
                                <div class="fl">
                                    <span class="zl"><i>1磅13×13（cm）</i></span>
                                </div>
                                <span class="number fr">x 1</span>
                            </div>

                        </div>

                    </div>
                </div><div class="pro-style clearfix">
                <div class="img fl" style="background-image: url(images/goodslist/muse.jpeg);"></div>
                <div class="info fl">
                    <div class="clearfix">
                        <div class="name fl">慕斯杯12只装</div>
                        <div class="price fr">¥ <span>68.00</span>
                        </div>
                        <div class=" clearfix zhongl">
                            <div class="fl">
                                <span class="zl"><i></i></span>

                            </div>
                            <span class="number fr">x 1</span>
                        </div>

                    </div>

                </div>
            </div>
                <div class="total clearfix">

                    <div class="fl">

                        <span class="zongjia fl">总计：<i>¥256.00</i></span>
                    </div>

                    <div class="btns f-cb fr">
                        <div class="btn remind-btn">提醒发货
                        </div>
                    </div>
                </div>
            </div>
            <div class="pop dn pop-com">
                <div class="box">
                    <p class="tit">确认收货</p>
                    <div class="btnb">
                        <p><a class="no">取消</a></p>
                        <p class="quxiao"><a class="ok confirm-btn">确定</a></p>
                    </div>
                </div>
            </div>
            <div class="pop dn pop-can">
                <div class="box">
                    <p class="tit">确认取消订单?</p>
                    <div class="btnb">
                        <p><a class="no">取消</a></p>
                        <p class="quxiao"><a class="ok cancle-btn">确定</a></p>
                    </div>
                </div>
            </div>
            <div class="pop dn pop-del">
                <div class="box">
                    <p class="tit">确认删除订单?</p>
                    <div class="btnb">
                        <p><a class="no">取消</a></p>
                        <p class="quxiao"><a class="ok delete-btn">确定</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="nothing">
        <div class="tb"></div>
        <p>订单里没有商品哦</p>
    </div>
</div>
<script src='./components/angular/angular.js'></script>
<script src='./components/angular-ui-router/release/angular-ui-router.js'></script>
<script src='js/app.js'></script>
<script src='js/services.js'></script>
<script src='js/controller.js'></script>
</body>
</html>